Feliz Navidad 2012

DESCARGA

REFERENCIA:Wallpaperfx y Youwall

Os abrazo, y con mi abrazo me gustaría transmitir mis deseos de PAZ y SALUD para todos.
Ojalá que este año que está a punto de comenzar inunde nuestros corazones de esperanza y nos haga fuertes para soportar todo lo que la vida nos va deparando.
Que no falte nunca el amor en vuestras vidas y ¡que no falte trabajo!

!!Feliz Año a todos, que se cumplan todos vuestros sueños¡¡

Mobily Blocks es un menú creado con un plugin de jQuery y como podemos ver ademas de su vistosidad tiene una bonita animación que yo he aprovechado sustituyendo las imágenes por unas acordes para estas fechas.

Antes de decidirse por este menú debemos de tener en cuenta el espacio que vamos a necesitar y la utilidad que deseamos darle ya que dependiendo de eso serán las imágenes que le añadiremos.

Buscamos ]]></b:skin> y justo antes añadimos los estilos del menú

.nature {
display:block;
width:150px;
height:150px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfKbongKmGGUS7DxpKyw33FhNWTqsHgxuRc_P3aQZwoCBVkwpCVzLXm1oaKB3BgGW7GJj9wh6t4kNfaFJlkg4c_hGyU_cjgqXy4qMklQn7DYrRAP_iggb0utcg8_m3KeJUCWaS/s1600/1--.png) no-repeat;
cursor:pointer;
position:relative;
}
 .nature {
clear:both;
margin:0 auto;
z-index:2;
}
ul.reset,
ul.reset li {
display:block;
list-style:none;
padding:0;
margin:0;
}
ul.reset li {
position:absolute;
}
ul.reset li a {
outline:none;
}
a img {
border:none;
}

Después nos situaremos justo antes de </head> y añadiremos la librería que es la siguiente línea en rojo.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/>

Si ya la estamos utilizando omitimos ese paso y procedemos a copiar el contenido de este archivo para pegarlo justo después de la librería jQuery. Y por último editamos un nuevo gadget de html y en su interior añadimos lo siguiente:

<div class="nature">
<ul class="reset" style="display: block; z-index: 50; opacity: 0;">
<li style="top: 0px; left: 0px; z-index: 49;">
<a href="#">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy1gM34aaKlYjxoxAFM5FCNJGrGwosON_DRKWRKtqdeAwJzviJzIt5tgVx4FKU2nLccv47OCafxJHxHBj232jiQFli5ig_DEItJhMZEL3drPmp8hySR726oQJEyVE5eOph8_2p/s1600/2-.png" />
</a>
</li>
<li style="top: 0px; left: 0px; z-index: 49;">
<a href="#">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXKdGavExuTnYYZMiurSFKrMqpMOhDaS3cSWgG4QeHmSYHOYsmxAtg_xeygq0Gyh2_g267lCz7A9vPl20LgMoWLe0pCTVker2qqCEsEWwQxsJdJjoDv_ZCG5z3uCmzgR1m-VhL/s1600/3-.png" />
</a>
</li>
<li style="top: 0px; left: 0px; z-index: 49;">
<a href="#">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZXHZxeXRYh6ymVllo_ZzgmwzuW1QcbRGUk_WK13KMOMZhdab6cLwlaL-LDPeSfYwVvv8VSU79rkOpCbckMxAaF3X7vKTV5Fo0jw9khOfOG3gSrODX0sOi2l7mYbi1V5_OnW0/s1600/10-.png" />
</a>
</li>
<li style="top: 0px; left: 0px; z-index: 49;">
<a href="#">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh83t5CbXPCLN1Sl-cx-raulQVCm7_uVjYOrQZnE8bkt2dAPuF9a9HmPVVtKmPi2AzqG7QOhmXist3qkBqauFnqOFaGsJJ1SMgW2AEk_bRLx0J_R9h7KGs46U8sjbic2U_bcun5/s1600/5-.png" />
</a>
</li>
<li style="top: 0px; left: 0px; z-index: 50;">
<a href="#">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhHSUsWopUytRNg_S8rWw6nUaF2DFSKzhkV03xcO6etbabfHRXSMoS-0AG9eswbpYEHcevXVrekfCFk2YtyDGrdrci9Y32TXgyuKSgqGneM9-MkOxA2zLXB7jChFIGd2g7fzhF/s320/6-.png" />
</a>
</li>
<li style="top: 0px; left: 0px; z-index: 49;">
<a href="#">
<img alt="" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMK1y7zUxLitbEeMJDjraYFXNLTlNJJzSfmTbuoxrRq5zHDMb-UScSxsjKYmkdSDM7NOb3mNkGgcVeeUC2irkEFwgoKoO2CAx7BpKcP9QXeCd9ZYvYrags2HGLzuF4EB5Ux5dh/s1600/1-.png" />
</a>
</li>
<li style="top: 0px; left: 0px; z-index: 49;">
<a href="#">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKod5imSlQB4IneaOPsarcLhaMV6w_0yGcc9ilehVkH0apoHAJpq7dRLYricOLH38AMv3ZJOODTPn0w3J4mu8IIaQvoqvfh5-HepXja-4epOfCSPdaapur7TefMnAyxXlJkyGP/s1600/8-.png" />
</a>
</li>
<li style="top: 0px; left: 0px; z-index: 49;">
<a href="#">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTIbh5vfga6HFRgrLuUtpu6aU1Vx80Pj0k54J6g1Psiz65cIgZjAzIy9TKoSJomSsKYHnrxSWIcATCXTrWrYJ8LB2sH-6CmnHFmvnd1VQjsvQ8oEhYRjaib4eslzYHpxHBxaf4/s1600/9-.png" />
</a>
</li>
</ul>
<a class="trigger" style="display: block; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%;"></a>
</div>

En ese código estamos añadiendo las imágenes que las podemos sustituir por otras teniendo en cuenta que miden 150x150 y que son en formato png.

Para añadir la url de los enlaces o los sitios que deseamos enlazar debemos sustituir la almohadilla <a href="#"> por la url de cada enlace.

Todo tuyo Manu.

Llegan las fechas navideñas y con ellas la costumbre de felicitar a familiares y amigos.

Buscamos ideas y entre esas ideas no puede faltar la típica tarjeta de felicitación que podemos personalizar ya sea con nuestra imagen personal o el logotipo de nuestra página.

Este sitio lo he conocido esta misma tarde, puedes escoger y obtener tus mejores felicitaciones de Navidad con Photo Montager

La url del sitio sale impreso en los resultados que nos da pero yo lo retoqué un poquito para ver como quedaba y lógicamente queda a decisión de cada uno si dejarlo o no.

ICONFINDER

deviantART

Dirceu Veiga

deviantART

Iconshock

Archigraphs Christmas icons

Size: 5,7 mb
Formato: JPG (1600 x 1200 px)
Licencia: Free for personal use.
Descarga: Year Texture

Aunque ya estamos llegando casi al final de la Navidad y quien más quien menos tiene decorado su blog no puedo dejar pasar esta oportunidad de mostrar la idea de Blogger Plugins añadir unas campanitas en cada extremo del blog y un efecto muy sutil de nieve.

Las dos cosas las podemos añadir con un simple click si accedemos a su blog y marcamos sobre el widget que él mismo ha preparado gracias a jQuery.

Si lo preferimos también podemos añadirlo accediendo a nuestro blog y en plantilla de diseño editamos un nuevo gadget de HTML, en su interior añadiremos lo siguiente:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript"> $("body").append($("<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9X1tbvo8it1t_nWeIEnD0-imDhW_whdFOie4IAae5Ij9mGWOasrhb_mvFg_bMMZgTfVV03YgiPUQtaa1Xq15IsjCC_dAYld3FYRt7fkZ2sHWdE6NFOrhlyUzilDIX82DZ_ze6/s1600/christmas-bells-icon.png' style='position:absolute; top: 0px;left:0px;border:none;'/><img id='xmasleftbell' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijf5cAIuhUeIbTOtGRli7vNImQEkXoM2Oz-iYM7bw4S8KwDZlrFmTRuHwtjJvbMoOROyIkvwSRpP0wV6pviPodQAvTyuBynVP41l65VvFUhSBUUvz0wzrJQQg_pPU75lgcnoyt/s1600/christmas-bells-icon-right.png' style='position:absolute; top: 0px;right:0px;border:none;'/>")); </script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script> 

La url de las imágenes marcadas en negrita las podemos sustituir por cualquier otra.

Si Noel pasó y olvidó dejar algún regalo el siguiente vídeo les mostrará a los niños donde están esos juguetes que nunca llegaron..

Ideal para estos días que los peques están en casa

Que esta Navidad sea el principio de un sin fin de buenos momentos.

¡¡Feliz Navidad!!